<template>
  <div class="flex-flex-start-center h-100p bg-fff">
    <div class="p-b-30 p-l-30 flex-center-center w-45p h-100p">
      <span class="left w-360 h-100p" />
    </div>
    <div class="div-right flex-center-center w-45p h-100p">
      <span class="right w-540 h-100p" />
    </div>
  </div>
</template>

<script>

export default {
  name: 'Welcome',
  data () {
    return {}
  },
  created () {
  },
  methods: {
  }
}
</script>
<style scoped lang="less">
    .left {
      background: url(../assets/img/welcome_left.png) no-repeat center center;
      background-size: contain;
    }
    .right {
      background: url(../assets/img/welcome_right.png) no-repeat center center;
      background-size: contain;
    }
</style>
